<section class="case-box" [ngStyle]="getNgStyle(tagData.data?.tagStyle)">

  <ng-container *ngIf="caseData&&caseData.length===0; else noDataTemplate">
    <div class="noData">暂无数据</div>
  </ng-container>
  <ng-template #noDataTemplate>
    <h1>{{tagData.data.columnTitle}}</h1>
    <div class="ul-bg">
      <ul *ngIf="caseData || caseData.length > 0">
        <li *ngFor="let item of caseData; let i=index"
          [ngClass]="{'oneceLi' : i === 0 ,'lastLi' : i === caseData.length-1}" appDebounceClick (debounceClick)="go(item.link)">
          <div class="li-div">
            <img class="li-div-img" src="{{item.imageUrl.url}}" onerror="this.src='assets/img/default_img.png'" alt="case-img">
          </div>
          <h3>{{item.title}}</h3>
          <p>{{item.info}}<i>{{item.time}}</i></p>
          <app-rating [rate]="item.stars"></app-rating><span class="satisfy">{{item.satisficing}}</span>
        </li>
      </ul>
      <ul *ngIf="!caseData || caseData.length === 0" style="height: 231.63px"></ul>
    </div>
    <div class="btn" *ngIf="tagData.data?.moreButton">
      <button class="more-btn" appDebounceClick (debounceClick)="go(tagData.data?.moreButton?.link)">{{tagData.data?.moreButton?.label}}</button>
    </div>
  </ng-template>
</section>